<template>
<!-- 选择收货地址 -->
  <div>
    <header class="SAddHeaderBox">
      <van-row>
        <van-col class="SAddMarginTop" span="24">
          <van-row class="SAddtextBox">
            <van-col @click="selectAdderssReturn">
              <van-icon name="arrow-left" size="40" />
            </van-col>
            <van-col> 选择收货地址 </van-col>
          </van-row>
        </van-col>
      </van-row>
    </header>
    <section style="margin-top: 80px"></section>
    <section>
      <van-row class="SAmarginTopSmall ">
        <van-col offset="8" span="12"> 暂无收货地址信息 </van-col>
      </van-row>
      <van-row class="SAmarginTopMax ">
        <van-col offset="2" span="20">
          <van-button color="#4bd863" size="large" @click="addAdderssNext">+添加收货地址</van-button>
        </van-col>
      </van-row>
    </section>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    selectAdderssReturn() {
      this.$router.back();
    },
    addAdderssNext(){
         this.$router.push('/addAdderss');
    }
  },
};
</script>

<style>
.SAddHeaderBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 35px;
  background-color: #4bd863;
  z-index: 9999;
  padding: 10px 0;
}
.SAddMarginTop {
  /* margin-top: 35px; */
}
.SAddtextBox {
  height: 50px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.SAmarginTopSmall {
  margin-top: 120px;
}
.SAmarginTopMax {
  margin-top: 400px;
}
</style>